<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8"/>
    <title>其它页面</title>
    <base target="_blank">
    <style>
        body {
            height: 100vh;
            font-family: "Open Sans", sans-serif;
            /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bea2e7+0,86b7e7+100 */
            background: #bea2e7;
            /* Old browsers */
            background: -moz-linear-gradient(top, #bea2e7 0%, #86b7e7 100%);
            /* FF3.6-15 */
            background: -webkit-linear-gradient(top, #bea2e7 0%, #86b7e7 100%);
            /* Chrome10-25,Safari5.1-6 */
            background: linear-gradient(to bottom, #bea2e7 0%, #86b7e7 100%);
            /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#bea2e7", endColorstr="#86b7e7",GradientType=0 );
            /* IE6-9 */
        }

        .container ul {
            margin: 0;
            margin-top: 100px;
            list-style: none;
            position: relative;
            padding: 1px 100px;
            color: #fff;
            font-size: 13px;
        }
        .container ul:before {
            content: "";
            width: 1px;
            height: 100%;
            position: absolute;
            border-left: 2px dashed #fff;
        }
        .container ul li {
            position: relative;
            margin-left: 30px;
            background-color: rgba(255, 255, 255, 0.2);
            padding: 14px;
            border-radius: 6px;
            width: 250px;
            box-shadow: 0 0 4px rgba(0, 0, 0, 0.12), 0 2px 2px rgba(0, 0, 0, 0.08);
        }
        .container ul li:not(:first-child) {
            margin-top: 60px;
        }
        .container ul li > span {
            width: 2px;
            height: 100%;
            background: #fff;
            left: -30px;
            top: 0;
            position: absolute;
        }
        .container ul li > span:before, .container ul li > span:after {
            content: "";
            width: 8px;
            height: 8px;
            border-radius: 50%;
            border: 2px solid #fff;
            position: absolute;
            background: #86b7e7;
            left: -5px;
            top: 0;
        }
        .container ul li span:after {
            top: 100%;
        }
        .container ul li > div {
            margin-left: 10px;
        }
        .container div .title, .container div .type {
            font-weight: 600;
            font-size: 12px;
        }
        .container div .info {
            font-weight: 300;
        }
        .container div > div {
            margin-top: 5px;
        }
        .container span.number {
            height: 100%;
        }
        .container span.number span {
            position: absolute;
            font-size: 10px;
            left: -35px;
            font-weight: bold;
        }
        .container span.number span:first-child {
            top: 0;
        }
        .container span.number span:last-child {
            top: 100%;
        }
        .container a{
            text-decoration: none;
        }
    </style>
</head>
<body>

<div class="container">
    <ul>
        <li>
            <div><span></span>
                <div class="title">
                    <a href="bcd817dc5dc2.html">挪车码</a>
                </div>
                <div class="info">小玲同学的挪车码</div>
                <div class="type">网页</div>
            </div> <span class="number"><span>2</span> <span></span></span>
        </li>
        <li><span></span>
            <div>
                <div class="title">
                    <a href="7026d894f2bc.html">挪车码</a>
                </div>
                <div class="info">一个测试用的挪车码</div>
                <div class="type">网页</div>
            </div> <span class="number"><span>1</span> <span></span></span>
        </li>
    </ul>
</div>
</body>
</html>